@charset "utf-8";
/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;vertical-align:top;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
hr{ margin: 0;
border-width: 1px 0 0 0;
border: 0;
height: 1px;
background: #f0f0f0;}
abbr,acronym{border:0;font-variant:normal;}
/*sup{vertical-align:baseline;}
sub{vertical-align:baseline;}*/
legend{color:#666;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; outline: none;}
input,button,textarea,select{*font-size:100%;}
a{text-decoration: none;color:#666;}
body {
font-family: "微软雅黑";
font-size: 12px;
color: #666;
background: #f0f0f0;
}
.after:after,
.n-back:after,
.n-back-1:after,
.con-right:after,
.footer-nav:after,
.kefu_q3 .bor-ul:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;line-height:0;overflow:hidden}
/***== 字体 ==***/
.ht{font-family: '黑体';}
.ar{font-family: 'Arial';}
.st{font-family: '宋体';}
.bold{font-weight: bold;}
.upper{text-transform: uppercase;}
.cursor{cursor: pointer;}
.t-color{color: #75c01f;}
/* 字号 */
.f10{font-size: 10px;}.f11{font-size: 11px;}.f13{font-size: 13px;}.f14{font-size: 14px;}.f15{font-size: 15px;}.f16{font-size: 16px;}.f17{font-size: 17px;}.f18{font-size: 18px;}.f19{font-size: 19px;}.f20{font-size: 20px;}.f21{font-size: 21px;}.f22{font-size: 22px;}.f23{font-size: 23px;}
.f24{font-size: 24px;}.f30{font-size: 30px;}.f36{font-size: 36px;}.f40{font-size: 40px;}
/* 字体颜色 */
.white,.white a{color: white;}
.yellow,.yellow a{color: yellow;}
.blue,.blue a{color: blue;}
.red,.red a{color: red;}
/***== 公用属性 ==***/
.hgclear{height:1px;clear: both;}
.hg5,.hg6,.hg7,.hg8,.hg9,.hg10,.hg11,.hg12,.hg13,.hg14,.hg15,.hg16,.hg17,.hg18,.hg19,.hg20,.hg23,.hg25,.hg26,.hg28,.hg30,.hg35,.hg38,.hg40,.hg44,.hg45,.hg48,.hg50,.hg55,.hg60,.hg65,.hg70,.hg75,.hg80,.hg683{width: 100%; clear: both;}
.hg5{height: 5px;}.hg6{height: 6px;}.hg7{height: 7px;}.hg8{height: 8px;}.hg9{height: 9px;}.hg10{height: 10px;}.hg11{height: 11px;}.hg12{height: 12px;}.hg13{height: 13px;}.hg14{height: 14px;}.hg15{height: 15px;}.hg16{height: 16px;}.hg17{height: 17px;}.hg18{height: 18px;}.hg19{height: 19px;}.hg20{height: 20px;}.hg22{height: 22px;}.hg23{height: 23px;}.hg25{height: 25px;}.hg26{height: 26px;}.hg28{height: 28px;}.hg30{height: 30px;}.hg35{height: 35px;}.hg38{height: 38px;}.hg40{height: 40px;}.hg44{height: 44px;}.hg45{height: 45px;}.hg48{height: 48px;}.hg50{height: 50px;}.hg55{height: 50px;}.hg60{height: 60px;}.hg65{height: 65px;}.hg70{height: 70px;}.hg75{height: 75px;}.hg80{height: 80px;}.hg683{height: 683px;}
/* 行距 */
p{line-height: 22px;}
.line-height18{line-height: 18px;}
.line-height20{line-height: 20px;}
.line-height22{line-height: 22px;}
.line-height24{line-height: 24px;}
.line-height25{line-height: 25px;}
/* 宽度 */
.width100{width:100%;}
.wul105{width:105%;}
.wul110{width:110%;}
.container{position:relative;width:1180px;min-width:1180px;margin:0 auto;overflow:hidden;}
.wap_width{margin:0 auto;}
.containerno{position:relative;width:1180px;margin:0 auto;min-width:1180px;}
.clear{width:100%;clear:both;}
.clear-hg{clear:both;height:1px;width:100%;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.block{display: block;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:0;margin-right:0;}
.cl{clear:left;}
.cr{clear:right;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}
/* webkit内核 滚动条*/
::-webkit-scrollbar {width:8px;background-color:#006eff;}
::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae;}
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#006eff;}
/*边距*/
.m0{margin:0 !important;}.m5{margin:5px;}.m8{margin:8px;}.m10{margin:10px;}.m15{margin:15px;}.m18{margin:18px;}.m20{margin:20px;}.m30{margin:30px;}
/* 外上边距 */
.mt0{margin-top:0 !important;}.mt5{margin-top:5px;}.mt8{margin-top:8px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt18{margin-top:18px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt100{margin-top:100px;}
/* 外下边距 */
.mb0{margin-bottom:0 !important;}.mb5{margin-bottom:5px;}.mb8{margin-bottom:8px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb23{margin-bottom:23px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}.mb65{margin-bottom:65px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb100{margin-bottom:100px;}
/* 外左边距 */
.ml0{margin-left:0 !important;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml100{margin-left:100px;}
/* 外右边距 */
.mr0{margin-right:0 !important;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr22{margin-right:22px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr100{margin-right:100px;}
.pt0{padding-top:0}.pt5{padding-top:5px;}.pt8{padding-top:8px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt16{padding-top:16px;}.pt18{padding-top:18px;}.pt20{padding-top:20px;}.pt25{padding-top: 25px;}.pt28{padding-top: 28px;}.pt30{padding-top: 30px;}.pt35{padding-top: 35px;}.pt36{padding-top: 36px;}.pt40{padding-top: 40px;}.pt45{padding-top: 45px;}.pt55{padding-top: 55px;}.pt60{padding-top: 60px;}.pt70{padding-top: 70px;}
.pr0{padding-right:0 !important;}.pr5{padding-right:5px;}.pr8{padding-right:8px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right: 25px;}.pr28{padding-right: 28px;}.pr30{padding-right: 30px;}.pr35{padding-right: 35px;}
.pb5{padding-bottom:5px;}.pb8{padding-bottom:8px;}.pb10{padding-bottom:10px;}.pb13{padding-bottom:13px;}.pb15{padding-bottom:15px;}.pb18{padding-bottom:18px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb28{padding-bottom:28px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}.pb70{padding-bottom:70px;}.pb80{padding-bottom:80px;}
.pl0{padding-left:0 !important;}.pl5{padding-left:5px;}.pl15{padding-left:15px;}.pl8{padding-left:8px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left: 25px;}.pl28{padding-left: 28px;}.pl30{padding-left: 30px;}.pl35{padding-left: 35px;}
/**========================== 网站公共模块 ===========================**/
.fixed{width:100%;position:fixed;top:0px;z-index:99999;}
/* logo =============== */
.header{position: relative;height:110px;background:#fff;overflow:hidden;}
.header .logo-img{display: table-cell;max-width: 450px;max-height: 95px;line-height:100px; vertical-align: middle;text-align: center;overflow:hidden;}
.header .logo-img img{max-width: 100%;vertical-align: middle;}
/* search
.header .search .keywords{float:left;border:1px solid #e1e1e1;border-width:1px 0px 1px 1px;width:210px;height:37px;padding-left:5px;}
.header .search .subbth{width: 65px;border: none;height: 39px;cursor: pointer;z-index: 99;}*/
.header .search {position:relative;width:322px; text-align:right}
.header .search .fhsy {height:32px; text-align:right; color:#FFF}
.header .search .fhsy em {width: 160px; height:28px; background:#0683da; display:inline-block; text-align:center; line-height:24px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; margin:0 5px 0 0;}
.header .search .fhsy em a {color:#FFF; margin:0 5px;}
.header .search .uzc { height:36px; line-height:36px;}
.header .search .uzc a {text-align:center; margin:0 5px;}
.header .search .cart {width:75px; height:30px;border:1px solid #CCC; line-height:29px; text-align:center; background:url(../images/gw.png) no-repeat 8px center; padding-left:20px; border-radius:3px; display:inline-block; margin:0 3px;}
.header .search .cart span {color:#e56500}
.header .search .ding {background:url(../images/dd.png) no-repeat 10px center;padding-left:18px;}
.header .search .zhu {background:url(../images/bz.png) no-repeat 10px center;padding-left:18px;}
/*.header .home-type{padding:37px 0px 0;}
.header .home-type{margin:-2px 0 0 45px;text-align: right;}
.header .home-type a.collect{padding-left: 10px;}
.header .home-type .all-tel{color:#ffa800;font-size: 14px;}*/
/* nav =============== */
.nav-all{
height: 50px;
line-height: 50px;
}
.sort {width:200px; height:50px; background:#000;font-size:16px; color:#FFF; background:url(../images/cbg.png);position:relative;}
.sort em { background:url(../images/jt.png) no-repeat 160px center; padding-left:28px; display:block; cursor:pointer}
.sort .bw {width:196px;height:468px; background:#fff; position:absolute; top:50px; left:0px; z-index:20; border:2px solid #0683da; border-top:none;}
.subMenuNav .bw {display:none;}
.showMenu .bw {display:block;}
.item{height:45px;border-bottom:1px solid #e4e4e4;position:relative;z-index:1;background:#FFF;display:block;}
.hide{display:none;}
.item span{display:block;width:150px;position:absolute;z-index:12;}
.item h3{height: 36px; line-height:36px;width:150px;margin:3px 0 0 12px;border:1px solid #FFF;position:relative;z-index:10; overflow: hidden; padding-right: 20px}
.item h3 em {background:none; padding-left:14px;}
.item h3 a{font-size:14px;}
.item span s{position:absolute;right:-32px;_right:-18px;top:4px;z-index:11;display:block;width:20px;height:30px;background:url(../images/jt.jpg) no-repeat left 14px;}
.hover {z-index:2;}
.hover h3{border:1px solid #CCC; height: auto; background:#FFFFFF;width: 155px; line-height: 20px; padding: 8px 15px 8px 0;}
.hover h3 em{display:block;position:relative;z-index:10;}
.hover h3 a{color:#0683da;}
.hover span s{display: none}
.i-bw{display:none;position:absolute;left:183px;top:3px;z-index:11;width:820px;padding:0px 0px 8px 15px;background:#FFFFFF;/*box-shadow:0 0 10px #DDD;*/border:1px solid #CCC;}
.hover .i-bw{display:block;}
.i-bw dl{padding:1px 0;overflow:hidden;_position:relative;}
.i-bw dt{float:left;width:75px;text-align:right; line-height:24px; background:url(../images/xf.png) no-repeat right 14px; padding-right:10px; position: relative}
.i-bw dt a{color:#0683da;font-size:14px;line-height:24px;}
.i-bw dt a:hover{text-decoration:underline;}
.i-bw dd{float:left;width:740px;line-height:34px;color:#CCC;padding-left:10px;}
.i-bw dd em{padding:0 0 0 10px; background:url(../images/line.jpg) no-repeat left center;float:left;width:240px;height: 36px; display: inline-block; margin-right: 15px; overflow: hidden; border-bottom: 1px dashed #E9E9E9}
.i-bw dd a{color:#666; white-space:nowrap; font-size:12px}
.i-bw dd a:hover{color:#0683da;text-decoration:underline;}
.mod dt {width:10px; height:24px; padding:0px}
.mod dd {width:800px;}
.adve {padding-top:17px; text-align:center}
.nav-all .nav {}
.nav ul li{
position: relative;
float: left;
-webkit-perspective: 60px;
-moz-perspective: 60px;
-ms-perspective: 60px;
perspective: 60px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
z-index: 999
}
.nav ul li.on,
.nav ul li:hover{background:transparent;}
.nav ul li.on a,
.nav ul li:hover a{color:#fff; background:#006eba}
.nav ul li a{display:block; padding: 0 25px;font-size:16px;color:#fff;}
.nav ul li:first-child a{background:none;}
.nav ul li .childer,
.nav ul li .childer a{
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
}
.nav ul li .childer{
position: absolute;
width: 140px;
height: auto;
top: 50px;
left: 0;
padding-bottom: 5px;
background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;
-webkit-transform-origin: 0px 0px;
-moz-transform-origin: 0px 0px;
-ms-transform-origin: 0px 0px;
transform-origin: 0px 0px;
-webkit-transform: rotateX(-68deg);
-moz-transform: rotateX(-68deg);
-ms-transform: rotateX(-68deg);
transform: rotateX(-68deg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 9999;
}
.nav ul li .childer a{
height: 35px;
line-height: 35px;
text-align: left;
color:#fff;
padding-left: 24px;
border-left-width: 2px;
border-right-width: 0;
border-top-width: 0;
border-bottom-width: 0;
border-style: solid;
border-color: transparent;
overflow: hidden;
font-size:13px
}
.nav ul li .childer a:hover{
background: #fbfbfb;
color: #0e94eb;
border-left-width: 2px;
border-right-width: 0;
border-top-width: 0;
border-bottom-width: 0;
border-style: solid;
border-color: #0e94eb;
}
.nav ul li:hover .childer{
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
background:#006eba;
}
/* 幻灯片切换 ================== */
.swiper-container {min-width: 1180px; width: 100%;height: auto;background: #fff;}
.swiper-slide {min-width:1150px;text-align: center;font-size: 18px;background: #fff;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat: no-repeat;}
.swiper-slide img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.swiper-container-vertical > .swiper-pagination-bullets{right:3% !important;top: 58% !important;}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 15px 0 !important;}
.swiper-button-next,
.swiper-button-prev{width:50px !important;height:50px !important;background: url(../images/Arrow_35.png) no-repeat 0 0 !important;}
.swiper-button-next{right:2% !important;background-position:-100px 0 !important;}
.swiper-button-prev{left:2% !important;}
.swiper-container .swiper-button-prev.swiper-button-disabled,
.swiper-container .swiper-button-next.swiper-button-disabled{opacity:0;}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next{opacity:1;}
.swiper-pagination-bullet-active{background: #fff !important;}
.swiper-pagination-bullet{background: #fff !important;opacity: 0.2;}
.swiper-container .swiper-slide a.url{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 99}
/* 小幻灯片 */
.play {width:340px;height:305px;overflow:hidden;position:relative;margin:10px auto 0 auto;}
.play ol {position:absolute;right:5px;bottom:5px;z-index:2;}
.play ol li {float:left;margin-right:3px;display:inline;cursor:pointer;background:#fcf2cf;border:1px solid #f47500;padding:2px 6px;color:#d94b01;font-family:arial;font-size:12px;}
.play ol li.active {padding:3px 8px;font-weight:bold;color:#ffffff;background:#ffb442;position:relative;bottom:2px;}
.play ul {position:absolute;top:0;left:0;z-index:1;}
.play ul li {width:340px;height:305px;float:left;}
.play ul img {float:left;width:340px;height:305px;}
/*查询*/
.ingre { background:#FFF;}
.intop { border-bottom:1px solid #f0f0f0; height:52px; margin:0 12px;}
.intop em {width:121px; height:38px; border:1px solid #f0f0f0; display:inline-block; margin:13px 12px 0 0 !important; text-align:center; color:#000; line-height:38px; font-size:16px; cursor:pointer; font-weight:bold;}
.intop em.no {height:38px; background:#0683da; border:1px solid #0683da; color:#FFF}
.incon {margin:0px 12px; padding:25px 0 15px 0;}
.incon .SCF {height:50px;display:block;}
.incon .SCF label {float:left;padding:0 15px; border:1px solid #b9b9b9; border-right:none;font-weight:bold;color:#000;font-size:14px;height:32px;line-height:32px;}
.diy_select{height:32px;width:150px;position: relative;color: #000;float: left;z-index:2; margin-right:15px}
.diy_select_btn,.diy_select_txt{float:left;height: 100%;line-height:32px;}
.diy_select,.diy_select_list{border: 1px solid #b9b9b9;background: #fff;}
.diy_select_txt{width:100%;}
.diy_select_txt,.diy_select_list li{text-indent: 10px;overflow: hidden}
.diy_select_btn{width: 26px;height:32px;background:url(../images/sj2.jpg) no-repeat center center;position:absolute;right:0;top:0;z-index:10;}
.diy_select_list{position: absolute;top: 33px;left: -1px;z-index: 88;border-top: none;width: 100%;display: none;_top:34px;padding:5px 0;max-height:240px;overflow:auto;}
.diy_select_list li{list-style: none;height: 22px;line-height: 22px;cursor:default;_background:#fff}
.diy_select_list li.focus{background: #9c0410;color: #fff}
.diy_select2{width:262px;}
.diy_select3{width:220px;}
.Sbtn {float:left;display:inline;margin-left:90px;width:80px;height:34px;border:0;background:url(../images/SFbtn.png) no-repeat;cursor:pointer;}
.breset {background:url(../images/SCbtn.png) no-repeat; margin-left:30px}
.SFT {float:left;width:296px;height:32px;line-height:32px;border:1px solid #b9b9b9;padding:0 5px;color:#4d4d63;}
/*成分查询*/
.incon .l{float:left;width:565px;_display:inline;_width:578px;}
.incon .l .S {float:left;width:160px;position:relative;padding:0 18px 15px 0;height:60px;}
.incon .l .S .diy_select {width:160px}
.incon .l i{display:inline-block;width:15px;text-align:center;height:28px;line-height:28px;vertical-align:middle;}
.incon .l label{width:146px;padding:0;margin-left:-13px;_display:inline; font-size:14px}
.incon .l p{clear:both;}
.incon .r{float:right;width:520px;}
.E{margin-bottom:10px;height:28px;position:relative; white-space:nowrap;width:480px;}
.E input{width:178px;height:26px;line-height:26px;border:1px solid #b9b9b9;color:#000;margin-left:15px;text-align:center}
.E input.eint{width:122px;margin-left:0;}
.E .diy_select_list{_height:240px;}
.EleBtn{clear:both;margin:0 auto;padding:30px 0 10px 0; text-align:center;}
.EleBtn .Sbtn{float:none;margin:0 15px;}
.hint{margin:0 20px;border-top:1px solid #e7e7e7;padding:15px 0 12px;line-height:22px;text-align:center;font-size:14px;}
/* 页脚 ================== */
.footer:after{display: block;clear:both;content:"";}
.footer-nav{border-top: 1px solid #ededed;padding: 30px 0;}
.footer-nav ul li{float: left;width:220px;margin-left: 100px;}
.footer-nav ul li:first-child{margin-left: 0;}
.footer-nav ul li:last-child{float: right;}
.footer-nav ul li h3{
border-bottom: 1px solid #ededed;
font-size: 14px;
font-weight: bold;
height: 25px;
position: relative;
}
.footer-nav ul li h3 i{
background:#999;
width: 60px;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
}
.footer-nav ul li a{color:#888;display: inline-block;padding: 15px 33px 0 0;}
.footer-nav ul li a:nth-of-type(3n){padding-right:0;}
.footer{width: 100%;background:#fff; padding-bottom:3px}
.footer .link{padding:0px 0px 10px;}
.footer .link a{padding-right:10px;}
.footer .copyright{padding:15px 0px 10px;}
.footer .copyright.bbot{border-top: 1px solid #ededed;}
/* 动画 */
@-webkit-keyframes layerqq{
from{-webkit-transform: scale(0);transform: scale(0);}
to{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes layerqq{
from{transform: scale(0);}
to{transform: scale(1);}
}